.root {
  inline-size: 100%;
  overflow: auto;
  font-size: var(--vkui--font_footnote--font_size--regular);
  line-height: var(--vkui--font_footnote--line_height--regular);
}

.table {
  inline-size: 100%;
  margin-block-start: var(--vkui--spacing_size_2xl);
  border-spacing: 0;
  border-collapse: separate;
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%239747FF' stroke-width='2' stroke-dasharray='10,5' stroke-dashoffset='0' stroke-linecap='round'/%3E%3C/svg%3E");
  border-radius: 5px;
}

.th {
  inline-size: 0;
}

.typeColumn {
  inline-size: 100%;
}

.td {
  padding-block: var(--vkui--spacing_size_xl);
  padding-inline: var(--vkui--spacing_size_2xl);
}

.propName {
  max-inline-size: 250px;
}

.propRequired::after {
  padding-inline-start: var(--vkui--spacing_size_2xs);
  color: var(--vkui--color_accent_red);
  content: '*';
}

.propDeprecated {
  color: var(--vkui--color_text_secondary);
  text-decoration: line-through;
}

.propDescription {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
}

.propDefault {
  margin-block-start: var(--vkui--spacing_size_xl);
}
